<div class="banner pos pos11">

  <div class="header">
    <div class="wrapper clearfix">
      <div class="logo">
        <a href="#">
          <img src="#">
        </a>
      </div>
      <div class="nav">
        <dl>
          <dd>
            <a href="#">首页
              <span></span>
            </a>
          </dd>
          <dd (mouseenter)='popMenu(0)' (mouseleave)='hideMenu(0)'>
            <a href="#">服务
              <span></span>
            </a>
            <div class="sub3 subbb" style="top: -10px; opacity: 0; display: none;" [@fadeInOutTranslate]="stateString">
              <div class="clearfix">
                <div class="sub_wenz">
                  <a href="http://www.quectel.com/cn/product/list/4GIoTModule.htm">物联服务</a>
                  <a href="http://www.quectel.com/cn/product/list/3GIoTModule.htm">智能服务</a>
                  <a href="http://www.quectel.com/cn/product/list/2GIoTModule.htm">数据服务</a>
                  <a href="http://www.quectel.com/cn/product/list/AutomotiveIoTModule.htm">智能制造</a>
                  <a href="http://www.quectel.com/cn/product/list/SmartIoTModule.htm">其他</a>
                </div>
              </div>
            </div>
          </dd>
          <dd (mouseenter)='popMenu(1)' (mouseleave)='hideMenu(1)'>
            <a href="#">解决方案
              <span></span>
            </a>
            <div class="sub3 subbb" style="top: -10px; opacity: 0; display: none;" [@fadeInOutTranslate]="stateString1">
              <div class="clearfix">
                <div class="sub_wenz">
                  <a href="http://www.quectel.com/cn/technology/lpwa.htm">智能抄表</a>
                  <a href="http://www.quectel.com/cn/technology/ecall.htm">全屋智能</a>
                  <a href="http://www.quectel.com/cn/technology/quecopen.htm">智慧工业</a>
                  <a href="http://www.quectel.com/cn/technology/dtmf.htm">智慧城市</a>
                  <a href="http://www.quectel.com/cn/technology/qaudio.htm">智慧农业</a>
                </div>
              </div>
            </div>
          </dd>
          <dd>
            <a href="#">合伙人招募
              <span></span>
            </a>
          </dd>
          <dd (mouseenter)='popMenu(2)' (mouseleave)='hideMenu(2)'>
            <a href="#">关于我们
              <span></span>
            </a>
            <div class="sub3 subbb" style="top: 42px; opacity: 1; display:none;" [@fadeInOutTranslate]="stateString2">
              <div class="clearfix">
                <div class="sub_wenz">
                  <a href="#">关于移远</a>
                  <a href="#"> 人才招聘</a>
                  <a href="#"> 联系我们</a>
                  <a href="#">合作伙伴</a>
                </div>
              </div>
            </div>
          </dd>
        </dl>
      </div>
    </div>
  </div>
  <div class="fix_mar"></div>


  <div class="swiper-container ban1 swiper-container-horizontal swiper-container-fade">

    <div #buttlets class="swiper-wrapper" style="transition-duration: 0ms;">


      <div class="swiper-slide swiper-slide-active" style="width: 1663px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms; background: url(http://www.quectel.com/UploadImage/Pic/20180103100717135.jpg) 50% 50% / cover no-repeat;">
        <img src="../assets/png/banpic.png" class="banner-pic ani  slideInRight animated"
          style="visibility: visible;animation-duration:1s;-webkit-animation-duration:1s;animation-delay:1s;-webkit-animation-delay:1s;">
        <div class="wenz">
          <div class="wrapper">
            <div class="table">
              <div class="table-cell">
                <h3 class="ani fadeInDown animated"  style="visibility: visible;animation-duration:1s;-webkit-animation-duration:1s;animation-delay:0s;-webkit-animation-delay:0s;">移远通信LTE车规级模组</h3>
                <h4 class="ani fadeInUp animated"  style="visibility: visible;animation-duration:0.8s;-webkit-animation-duration:0.8s;animation-delay:0s;-webkit-animation-delay:0s;">赋予互联汽车更多想象力</h4>
                <a href="http://www.quectel.com/cn/#" class="more ani  zoomIn animated" swiper-animate-effect="zoomIn"
                  swiper-animate-duration="0.8s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.8s;-webkit-animation-duration:0.8s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">了解更多</a>
              </div>
            </div>
          </div>

        </div>
      </div>
      
      <div class="swiper-slide swiper-slide-next" style="width: 1663px; opacity: 0; transform: translate3d(-1663px, 0px, 0px); transition-duration: 0ms; background: url(http://www.quectel.com/UploadImage/Pic/20180103100837221.jpg) 50% 50% / cover no-repeat;">
        <div class="wenz">
          <div class="wrapper">
            <div class="table">
              <div class="table-cell">
                <h3 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0s"
                  swiper-animate-style-cache=" " style="visibility: hidden;">全球领先无线通信模组供应商</h3>
                <h4 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.8s" swiper-animate-delay="0s"
                  swiper-animate-style-cache=" " style="visibility: hidden;">移远通信作为全球领先的LTE、WCDMA/HSPA、
                  <br>GSM/GPRS 和GNSS模组供应商，拥有丰富广泛的行业经验，
                  <br>以不断的创新、出众的品质和令人信赖的可靠性得到广泛认可。</h4>
                <a href="http://www.quectel.com/cn/company/about.htm" class="more ani " swiper-animate-effect="zoomIn"
                  swiper-animate-duration="0.8s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: hidden;">了解更多</a>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="swiper-slide" style="width: 1663px; opacity: 0; transform: translate3d(-3326px, 0px, 0px); transition-duration: 0ms; background: url(http://www.quectel.com/UploadImage/Pic/20180102162015562.jpg) 50% 50% / cover no-repeat;">
        <div class="wenz">
          <div class="wrapper">
            <div class="table">
              <div class="table-cell">
                <h3 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0s"
                  swiper-animate-style-cache=" " style="visibility: hidden;">低功耗广域网技术（NB-IoT、eMTC）
                  <br>开启万物互联新时代</h3>
                <h4 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.8s" swiper-animate-delay="0s"
                  swiper-animate-style-cache=" " style="visibility: hidden;"></h4>
                <a href="http://www.quectel.com/cn/technology/lpwa.htm" class="more ani                         " swiper-animate-effect="zoomIn"
                  swiper-animate-duration="0.8s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: hidden;">了解更多</a>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
    <div #btnbuttlets class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
      <span class="swiper-pagination-bullet swiper-pagination-bullet-active" (click)='onCarouse(1)'></span>
      <span class="swiper-pagination-bullet" (click)='onCarouse(2)'></span>
      <span class="swiper-pagination-bullet" (click)='onCarouse(3)'></span>
    </div>
  </div>

</div>
<div class="sy-product">
  <div class="wrapper">
    <h2>
      <a href="http://www.quectel.com/cn/product">服务</a>
    </h2>
    <p class="sy-p">智能服务描述</p>
    <div class="xian">
      <span></span>
    </div>
    <div class="swiper-container animate animate1 swiper-container-horizontal">
      <div class="swiper-wrapper">
        <div class="swiper-slide pos-re swiper-slide-active" style="width: 300px; opacity: 1; margin-top: 0px;">
          <a href="http://www.quectel.com/cn/product/list/4GIoTModule.htm"></a>
          <img src="../assets/png/pro-1.png" class="show">
          <img src="../assets/png/pro-11.png" class="hide">
          <h3 class="textover">物联服务</h3>
          <div class="wenz">
            <p class="fontp line2">物联服务描述</p>
            <a href="#" class="more">了解更多</a>
          </div>
        </div>
        <div class="swiper-slide pos-re swiper-slide-next" style="width: 300px; opacity: 1; margin-top: 0px;">
          <a href="http://www.quectel.com/cn/product/list/LPWAIoTModule.htm"></a>
          <img src="../assets/png/pro-2.png" class="show">
          <img src="../assets/png/pro-22.png" class="hide">
          <h3 class="textover">智能服务</h3>
          <div class="wenz">
            <p class="fontp line2">智能服务描述</p>
            <a href="#" class="more">了解更多</a>
          </div>
        </div>
        <div class="swiper-slide pos-re" style="width: 300px; opacity: 1; margin-top: 0px;">
          <a href="http://www.quectel.com/cn/product/list/AutomotiveIoTModule.htm"></a>
          <img src="../assets/png/20171025134654439.png" class="show">
          <img src="../assets/png/20171025134654183.png" class="hide">
          <h3 class="textover">数据服务</h3>
          <div class="wenz">
            <p class="fontp line2">数据服务描述</p>
            <a href="#" class="more">了解更多</a>
          </div>
        </div>
        <div class="swiper-slide pos-re" style="width: 300px; opacity: 1; margin-top: 0px;">
          <a href="http://www.quectel.com/cn/product/list/SmartIoTModule.htm"></a>
          <img src="../assets/png/20171123142833491.png" class="show">
          <img src="../assets/png/2017112314283388.png" class="hide">
          <h3 class="textover">智能制造</h3>
          <div class="wenz">
            <p class="fontp line2">智能制造描述</p>
            <a href="http://www.quectel.com/cn/product/list/SmartIoTModule.htm" class="more">了解更多</a>
          </div>
        </div>

      </div>
      <div class="swiper-pagination phone-pagination swiper-pagination-clickable swiper-pagination-bullets">
        <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
      </div>
    </div>
  </div>
</div>

<div class="sy-news animate">
  <div class="wrapper">
    <h2>
      <a href="#">解决方案</a>
    </h2>
    <p class="sy-p">解决方案描述</p>
    <div class="xian">
      <span></span>
    </div>
    <div class="swiper-container animate3 swiper-container-horizontal">
      <div class="swiper-wrapper">
        <div class="swiper-slide pos-re swiper-slide-active" style="width: 373.333px; opacity: 1; margin-top: 0px; margin-right: 30px;">
          <a href="#" title=""></a>
          <div class="pic">
            <img src="../assets/png/20180108134737505.jpg" alt="" width="100%">
          </div>
          <div class="wenz">
            <h3 class="line2">工业检测方案</h3>
          </div>
        </div>
        <div class="swiper-slide pos-re swiper-slide-next" style="width: 373.333px; opacity: 1; margin-top: 0px; margin-right: 30px;">
          <a href="#" title=""></a>
          <div class="pic">
            <img src="../assets/png/20171212112452420.jpg" alt="" width="100%">
          </div>
          <div class="wenz">
            <h3 class="line2">智能抄表方案</h3>
          </div>
        </div>
        <div class="swiper-slide pos-re" style="width: 373.333px; opacity: 1; margin-top: 0px; margin-right: 30px;">
          <a href="#" title="”"></a>
          <div class="pic">
            <img src="../assets/png/20171206212956577.jpg" alt="" width="100%">
          </div>
          <div class="wenz">
            <h3 class="line2">全屋智能方案</h3>
          </div>
        </div>
      </div>
      <div class="swiper-wrapper">
        <div class="swiper-slide pos-re swiper-slide-active" style="width: 373.333px; opacity: 1; margin-top: 0px; margin-right: 30px;">
          <a href="#" title=""></a>
          <div class="pic">
            <img src="../assets/png/20180108134737505.jpg" alt="" width="100%">
          </div>
          <div class="wenz">
            <h3 class="line2">工业检测方案</h3>
          </div>
        </div>
        <div class="swiper-slide pos-re swiper-slide-next" style="width: 373.333px; opacity: 1; margin-top: 0px; margin-right: 30px;">
          <a href="#" title=""></a>
          <div class="pic">
            <img src="../assets/png/20171212112452420.jpg" alt="" width="100%">
          </div>
          <div class="wenz">
            <h3 class="line2">智能抄表方案</h3>
          </div>
        </div>
        <div class="swiper-slide pos-re" style="width: 373.333px; opacity: 1; margin-top: 0px; margin-right: 30px;">
          <a href="#" title="”"></a>
          <div class="pic">
            <img src="../assets/png/20171206212956577.jpg" alt="" width="100%">
          </div>
          <div class="wenz">
            <h3 class="line2">全屋智能方案</h3>
          </div>
        </div>
      </div>
      <div class="swiper-pagination phone-pagination swiper-pagination-clickable swiper-pagination-bullets">
        <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
      </div>
    </div>
  </div>
</div>

<div class="sy-support">
  <img src="../assets/png/20180103101044370.jpg" class="pc">
  <img src="../assets/png/sup_02.png" class="phone">
  <div class="wenz animate animate4" style="opacity: 1; margin-top: 0px;">
    <div class="table">
      <div class="table-cell">
        <h2>
          <a href="http://www.quectel.com/cn/support">支持服务</a>
        </h2>
        <p class="fontp line3">如果您对XXX有任何技术上的疑问，请点击下方“联系技术支持”，并提交信息。有关模组询价，请联系销售支持。我们的技术支持人员和销售经理将在第一时间与您联系。</p>
        <a href="#" class="more">联系技术支持</a>
        <a href="#" class="more">联系销售支持</a>
      </div>
    </div>
  </div>
</div>

<div class="footerContact clearfix">
  <div class="wrapper">
    <h3>联系我们</h3>
    <h2>讨论您的物联网解决方案需求</h2>
    <p class="fontp">
      了解我们的解决方案咨询团队可为您做些什么，请求免费的1小时IoT咨询。
    </p>
    <a href="http://www.quectel.com/cn/support/contact.htm" class="more">联系我们</a>
  </div>
</div>

<div class="footer clearfix">
  <div class="footer_t clearfix">
    <div class="wrapper">
      <ul class="clearfix">
        <li style="opacity: 1; margin-top: 0px;">
          <dl>
            <dt>
              <a href="#">服务</a>
            </dt>
            <dd>
              <a href="#">物联服务</a>
            </dd>
            <dd>
              <a href="#">智能服务</a>
            </dd>
            <dd>
              <a href="#">数据服务</a>
            </dd>
            <dd>
              <a href="#">智能制造</a>
            </dd>
            <dd>
              <a href="http://www.quectel.com/cn/product/list/SmartIoTModule.htm">其他</a>
            </dd>
          </dl>
        </li>
        <li style="opacity: 1; margin-top: 0px;">
          <dl>
            <dt>
              <a href="http://www.quectel.com/cn/technology/">解决方案</a>
            </dt>
            <dd>
              <a href="http://www.quectel.com/cn/technology/lpwa.htm">智能抄表</a>
            </dd>
            <dd>
              <a href="http://www.quectel.com/cn/technology/ecall.htm">全屋智能</a>
            </dd>
            <dd>
              <a href="http://www.quectel.com/cn/technology/quecopen.htm">智慧工业</a>
            </dd>
            <dd>
              <a href="http://www.quectel.com/cn/technology/dtmf.htm">智慧城市</a>
            </dd>
            <dd>
              <a href="http://www.quectel.com/cn/technology/qaudio.htm">智慧农业</a>
            </dd>

          </dl>
        </li>
        <li style="opacity: 1; margin-top: 0px;">
          <dl>
            <dt>
              <a href="http://www.quectel.com/cn/company/">关于我们</a>
            </dt>
            <dd>
              <a href="http://www.quectel.com/cn/company/">公司简介</a>
            </dd>
            <dd>
              <a href="http://www.quectel.com/cn/company/careers.htm">人才招聘</a>
            </dd>
            <dd>
              <a href="http://www.quectel.com/cn/company/contact.htm">联系我们</a>
            </dd>

            <dd>
              <a href="http://www.quectel.com/cn/company/partner.htm">合作伙伴</a>
            </dd>
          </dl>
        </li>
      </ul>
    </div>
  </div>

  <div class="footer_b clearfix">

  </div>
  <div class="phone_footer">
    <div class="wrapper">
    </div>
  </div>
</div>
<a href="javascript:;" class="to_top" style="display: none;"></a>